/** When your routing table is too long, you can split it into small modules**/

import Layout from '@/views/layout/Layout'

const componentsRouter = {
  path: '/components',
  component: Layout,
  redirect: 'noredirect',
  name: 'ComponentDemo',
  meta: {
    title: 'components',
    icon: 'component'
  }
  // children: [
  //   {
  //     path: 'tinymce',
  //     component: () => import('@/views/components-demo/tinymce'),
  //     name: 'TinymceDemo',
  //     meta: { title: 'tinymce' }
  //   },
  //   {
  //     path: 'markdown',
  //     component: () => import('@/views/components-demo/markdown'),
  //     name: 'MarkdownDemo',
  //     meta: { title: 'markdown' }
  //   },
  //   {
  //     path: 'json-editor',
  //     component: () => import('@/views/components-demo/jsonEditor'),
  //     name: 'JsonEditorDemo',
  //     meta: { title: 'jsonEditor' }
  //   },
  //   {
  //     path: 'splitpane',
  //     component: () => import('@/views/components-demo/splitpane'),
  //     name: 'SplitpaneDemo',
  //     meta: { title: 'splitPane' }
  //   },
  //   {
  //     path: 'avatar-upload',
  //     component: () => import('@/views/components-demo/avatarUpload'),
  //     name: 'AvatarUploadDemo',
  //     meta: { title: 'avatarUpload' }
  //   },
  //   {
  //     path: 'dropzone',
  //     component: () => import('@/views/components-demo/dropzone'),
  //     name: 'DropzoneDemo',
  //     meta: { title: 'dropzone' }
  //   },
  //   {
  //     path: 'sticky',
  //     component: () => import('@/views/components-demo/sticky'),
  //     name: 'StickyDemo',
  //     meta: { title: 'sticky' }
  //   },
  //   {
  //     path: 'count-to',
  //     component: () => import('@/views/components-demo/countTo'),
  //     name: 'CountToDemo',
  //     meta: { title: 'countTo' }
  //   },
  //   {
  //     path: 'mixin',
  //     component: () => import('@/views/components-demo/mixin'),
  //     name: 'ComponentMixinDemo',
  //     meta: { title: 'componentMixin' }
  //   },
  //   {
  //     path: 'back-to-top',
  //     component: () => import('@/views/components-demo/backToTop'),
  //     name: 'BackToTopDemo',
  //     meta: { title: 'backToTop' }
  //   },
  //   {
  //     path: 'drag-dialog',
  //     component: () => import('@/views/components-demo/dragDialog'),
  //     name: 'DragDialogDemo',
  //     meta: { title: 'dragDialog' }
  //   },
  //   {
  //     path: 'drag-select',
  //     component: () => import('@/views/components-demo/dragSelect'),
  //     name: 'DragSelectDemo',
  //     meta: { title: 'dragSelect' }
  //   },
  //   {
  //     path: 'dnd-list',
  //     component: () => import('@/views/components-demo/dndList'),
  //     name: 'DndListDemo',
  //     meta: { title: 'dndList' }
  //   },
  //   {
  //     path: 'drag-kanban',
  //     component: () => import('@/views/components-demo/dragKanban'),
  //     name: 'DragKanbanDemo',
  //     meta: { title: 'dragKanban' }
  //   }
  // ]
}

export default componentsRouter
